<template>
  <div class="logo">
    <div class="fit" @click="push">
      <!-- <el-image :src="systemSplit.logo" style="height: 30px;width:40px"></el-image> -->
      <h1>{{ systemSplit.title }}</h1>
    </div>
  </div>
</template>
<script>
import { mapState, mapGetters } from "vuex";
export default {
  name: "Logo",
  data() {
    return {
      fits: ["fill"],
      url: require("@/assets/logo.png"),
    };
  },
  computed: {
    ...mapState(['config']),
    ...mapGetters({
      systemSplit:'systemSplit'
    }),
  },
  methods: {
    push() {
      localStorage.removeItem("ShowMenu/setSideMenu");
      this.$router.push({
        name: "Map",
      });
    },
  },
};
</script>

<style lang="scss">
.fit {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 15px 15px;
  cursor: pointer;
  text-decoration: none;
  h1 {
    font-size: 16px;
    padding-left: 16px;
    color: #fff;
  }
}
</style>
